
	body{
		margin: 0;
		height: 100%;
		overflow: hidden;
	}
	html{
		height: 100%;
		background: #f9b92e;
		overflow: hidden;
		font-size: 100px;
	}
	
	p{
		margin: 0;			
	}
	img{
		vertical-align: top;
	}
	em{
		font-style: normal;
	}
	input,
	a,
	button {
	  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	  -webkit-appearance: none;
	}
	a {
	  text-decoration: none;
	}
	#weixinLogo{
		display: none;
	}
	.loading{
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		background: url(../img/loading.gif) no-repeat 60% 40% #f9b92e;
		background-size: 7.96875rem 6.40625rem;
		z-index: 999999;
		color: #fff;
		font-size: 1.09rem;
	}
	.loading p{
		text-align: center;
		width: 100%;
		position: absolute;
		font-family: helvetica "微软雅黑";
		top: 40%;
		transform: translateY(4rem);
	}
	.swiper-wrapper{
		height: 100%;
		opacity: 0;
		position: relative;
		/*transform-style: preserve-3d;*/
		/*perspective: 800px;*/
	}
	.swiper-container{
		height: 100%;
	}
	.swiper-slide{
		transition: 800ms;
		width: 100%;
		background-color: #f00;
		height: 100%;
		color: #fff;
		overflow: hidden;
	}
	/*.swiper-wrapper .swiper-slide{
		position: absolute;
	}*/
	.next{
		width: 1rem;
		height: .6rem;
		position: absolute;
		bottom: 0.9375rem;
		left: 50%;
		margin-left: -.5rem;
		background: url(../img/next.png) no-repeat;
		background-size: 100% 100%;
		transform: translateY(0);
		animation: moveNext .5s infinite alternate-reverse;
	}
	@keyframes moveNext{
		from{transform: translateY(0);}
		to{transform: translateY(5px);}
	}
	
	
	/*第一部分*/
	.first{
		background:#fcc52f ;
		position: relative;
	}
	.first.swiper-slide-active .word{
		animation: bounceIn 1s ease 1s 1 normal both;
	}
	
	/*第二部分*/
	.second{
		background: #4285f1 ;
		position: relative;
	}
	
	/*第三部分*/
	.third{
		background:#9f13f7 ;
		position: relative;
	}
	
	
	/*第四部分*/
	.forth{
		background:#e5415e;
		position: relative;
	}
	
	/*第五部分*/
	.fifth{
		background:#52c458 ;
		position: relative;
	}
/*公用动画*/	
@-webkit-keyframes bounceIn {
  0%,
  20%,
  40%,
  60%,
  80%,
  to {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}